<template>
    <div class="not-found">
      <h1>404</h1>
      <p>未找到到页面</p>
      <router-link to="/" class="link">Go to Home</router-link>
    </div>
  </template>
  
  <script setup>
  </script>
  
  <style scoped>
  html, body {
    width: 100%;
    height: 100%;
  }
  .not-found {
    width: 100%;
    height: 100vh;
    background-color: #202036;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* text-align: center;
    margin-top: 50px; */
  }
  h1 {
    font-size: 100px;
    color: #ff6f61;
  }
  p {
    font-size: 20px;
    color: #FFF;
    margin-top: 20px;
  }
  .link {
    font-size: 16px;
    color: #FFF;
    margin-top: 30px;
  }
  </style>
  